<!doctype html>
<html class="no-js" lang="">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
    </head>
    <body>
        <table class="easyui-datagrid" style="width:100%;height:100%;"
               data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get',pagination:true,toolbar:'#tb'">
            <thead>
            <tr>
                <th data-options="field:'itemid',width:80">Item ID</th>
                <th data-options="field:'productid',width:100">Product</th>
                <th data-options="field:'listprice',width:80,align:'right'">List Price</th>
                <th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
                <th data-options="field:'attr1',width:250">Attribute</th>
                <th data-options="field:'status',width:60,align:'center'">Status</th>
            </tr>
            </thead>
        </table>
        <div id="tb" style="height:40px;">
            <form id="ff" method="post">
                <table>
                    <tr style="height: 40px;">
                        <td>
                            <input class="easyui-validatebox">
                        </td>
                        <td>
                            <a id="btn" href="#" class="easyui-linkbutton" style="width: 60px" data-options="iconCls:'icon-search'">搜索</a>
                        </td>
                        <td>
                            <a id="btn" href="#" class="easyui-linkbutton">导出</a>
                        </td>
                    </tr>
                </table>
            </form>
        </div>
    </body>
</html>
